{% extends "base.html" %}

{% block css %}
    <link rel="stylesheet" href="{{MEDIA_URL}}css/logon.css">
{% endblock %}
{% block titulo %} Hadassa Whit Music - Logon {% endblock %}
{% block quadro%}
    <center>
        <form name="fLogin" method="post" action"/cadastro/login/">
        <table cellpadding="0" cellspacing="0" width="248">
            <tbody>
                <tr>
                    <td height="19" width="248">
                        <img height="19" src="{{MEDIA_URL}}img/logon/caixaLogin.jpg" width="248" />
                    </td>
                </tr>
                <tr>
                    <td background="{{MEDIA_URL}}img/logon/quadroLogin.jpg" height="115" valign="middle"
                        width="248">
                        <div id="painel1">
                            <table align="center">
                                <tbody>
                                    <tr>
                                        <td class="fonte" valign="middle">
                                            <table border="0" cellpadding="1" cellspacing="0" class="fonte" style="border-collapse: collapse">
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <table border="0" cellpadding="0">
                                                                <tbody>
                                                                    <tr>
                                                                        {%if erro%}
                                                                            <font collor=red>&nbsp;&nbsp;{{erro}}</font>
                                                                        {%endif%}
                                                                        <td align="right">
                                                                            <label>
                                                                                Login:</label>
                                                                        </td>
                                                                        <td>
                                                                            <input name="email" id="email" class="fonte" type="text" 
                                                                                title="Digite seu login aqui." />
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="right">
                                                                            <label>
                                                                                Senha:</label>
                                                                        </td>
                                                                        <td>
                                                                            <input name="senha" id="senha" class="fonte"" type="password" 
                                                                                title="Digite sua senha aqui." />
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="right" colspan="2">
                                                                            <input type="image" name="button" id="button" value="Enviar" src="{{MEDIA_URL}}img/logon/btnEnviar.jpg"
                                                                                style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px;
                                                                                border-right-width: 0px" title="Clique para entrar." />
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <br />
                                            <img src="{{MEDIA_URL}}img/logon/chave.gif" />
                                            <a class="link" href="/cadastro/esqueceuSenha">Esqueceu sua senha?</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        </form>
    <center>
{% endblock %}